<template>
  <div>
    <navtabbar class="navtabbr">
      <div class="nav" slot="centertabbar">购物车({{cartlength}})</div>
    </navtabbar>
    <bscroll>
      <cartlist :product= "cart"></cartlist>
    </bscroll>
    <cart-bottom-bar/>
  </div>
</template>

<script>
import navtabbar from '../../src/components/common/navtabbarcommon/navtabbar.vue'
import {mapGetters} from 'vuex'
import bscroll from '../../src/components/common/BScroll/bscroll.vue'
import cartlist from './child/cartlist.vue'
import CartBottomBar from './child/CartBottomBar.vue'
export default {
    name:'gouwuche',
    components: {
      navtabbar,
      bscroll,
      cartlist,
      CartBottomBar
    },
    computed: {
      ...mapGetters(['cartlength','cart'])
    }
}
</script>

<style scoped>
.nav{
  color: #fff
}
.navtabbr{
   background-color: salmon;
}
</style>